/* pages/vip-center/vip-center.wxss */
@import "/assets/common.less";
.archive-page {
  position: relative;
  width: 100%;
  //height: 100%;
  //overflow: hidden;
  background: #fff;

  .navigation-bar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20rpx;
    box-sizing: border-box;

    .icon-a-huaban1fuben44 {
      font-size: 22px;
    }
  }

  .user-info-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .avatar {
      width: 120rpx;
      height: 120rpx;
      border-radius: 30rpx;
      background: #f7f7f7;

      image {
        width: 100%;
        border-radius: 30rpx;
      }
    }

    .nickname {
      font-size: 14px;
      font-weight: bold;
      color: #1F2024;
      padding: 6rpx 0;
    }

    .uid {
      font-size: 14px;
      color: #ACACAC;
    }

  }
  .vip-info-box{
    position: relative;
    padding: 20rpx 0rpx;
    margin: 0 60rpx;
    font-size: 14px;
    border-bottom: 1rpx solid #dfdfdf;
    .vip-info{
      height: 100rpx;
    }
  }
  .user-storage-content{
    position: relative;
    padding: 20rpx 0rpx;
    margin: 0 60rpx;
    font-size: 14px;
  }
  .slider-bar{
    position: relative;
    margin-top: 20rpx;
    width: 100%;
    height: 32rpx;
    border-radius: 32rpx;
    background: #DBDBDB;
    .slider-bg{
      position: absolute;
      top:0;
      left: 0;
      height: 32rpx;
      border-radius: 32rpx;
      background: linear-gradient(90deg, #E3E8FC 0%, #1C4CD1 100%);
    }
  }
  .rights-content{
    position: relative;
    padding: 20rpx 0rpx;
    margin: 0 60rpx;
    font-size: 14px;
    .desc-item{
      position: relative;
      display: flex;
      align-items: center;
      margin: 5px 0;
      .iconfont{
        margin-right: 10px;
        font-weight: bold;
        font-size: 1.4rem;
      }
      .icon-duigou{
        color: #006FFD;
      }
    }
    .free .desc-item .iconfont{
      color: #cf0000;
    }
    .plus .desc-item .iconfont{
      color: #ed9353;
    }
    .pro .desc-item .iconfont{
      color: #006FFD;
    }
    .order-content{
      position: relative;
      padding: 20rpx 0rpx;
      .title{
        font-size: 16px;
        text-align: center;
        padding: 20rpx 0 10rpx;
        color: #777777;
      }
      .tip-text{
        position: relative;
        text-align: center;
        padding: 10rpx 0 20rpx;
        font-size: 12px;
        color: #ACACAC;
      }
      .thead,.tr{
        height: 64rpx;
        .no{
          min-width: 28%;
          width: 28%;
          white-space: nowrap;
        }
        .price{
          min-width: 25%;
          width: 25%;
          white-space: nowrap;
        }
        .date{
          min-width: 47%;
          width: 47%;
          white-space: nowrap;
        }
        .td{
          padding: 0 10rpx;
          text-align: center;
          color: #ACACAC;
        }
      }
      .tr:nth-child(odd){
        background: #EFEFEF;
      }
    }
  }
}